import QtQuick 1.1
import com.nokia.symbian 1.1
import "core" 1.0

MainPage{
    id: helpPage
    Flickable {
        id: view
        anchors.margins: 12
        anchors.fill: parent
        width:parent.width - 24
        height: parent.height - 24
        contentWidth: parent.width - 24
        contentHeight: helpText.height

        TextEdit {
            id: helpText
            width: parent.width
            wrapMode: TextEdit.Wrap
            readOnly:true
            font.pixelSize: 25
            color: "pink"
            horizontalAlignment: TextEdit.AlignJustify
            verticalAlignment: TextEdit.AlignVCenter
            text:
"   Transitions can be used to animate items that are added to, "
+"moved within, or removed from a Column item. The add and move properties "
+"can be set to the transitions that will be applied when items are added to, "
+"removed from, or re-positioned within a Column item.

    The use of transitions with positioners is described in more detail in the Using"
+"QML Positioner and Repeater Items document.

    Set this property to wrap the text to the Text item's width. The text will only wrap "
+"if an explicit width has been set. wrapMode can be one"
        }

        // Only show the scrollbars when the view is moving.
        states: State {
            name: "ShowBars"
            when: view.movingVertically || view.movingHorizontally
            PropertyChanges { target: verticalScrollBar; opacity: 1 }
            PropertyChanges { target: horizontalScrollBar; opacity: 1 }
        }

        transitions: Transition {
            NumberAnimation { properties: "opacity"; duration: 400 }
        }
    }
    // Attach scrollbars to the right and bottom edges of the view.
    ScrollBar {
        id: verticalScrollBar
        width: 12; height: view.height-12
        anchors.right: helpPage.right
        opacity: 0
        orientation: Qt.Vertical
        position: view.visibleArea.yPosition
        pageSize: view.visibleArea.heightRatio
    }

    ScrollBar {
        id: horizontalScrollBar
        width: view.width-12; height: 12
        anchors.bottom: helpPage.bottom
        opacity: 0
        orientation: Qt.Horizontal
        position: view.visibleArea.xPosition
        pageSize: view.visibleArea.widthRatio
    }
}

